$(function () {
    // 初始化右侧滚动条
    // 这个方法定义在scroll.js中
    resetui()

    // 将用户输入的内容渲染到聊天窗口
    // 为发送按钮绑定点击事件
    $('#btn').on('click', function () {
        var text = $('#ipt').val().trim()
        // text 获取用户输入的值
        // console.log(text);
        if (text.length <= 0) {
            // 清空内容 输入框自动获取焦点
            $('#ipt').val('').focus()
            return
        }
        // 用户输入了聊天内容，则将聊天内容追加到页面上显示
        $('.talk_list').append('<li class="right_word"><img src="img/person01.png" /><span>' + text + '</span></li>')
        // 用户输入完后清空输入框内容
        $('#ipt').val('')
        // 重置滚动条
        resetui()
        getMsg(text)
    })

    // 发起请求获取聊天信息
    // 定义一个函数 getMsg() 接收一个参数，参数就是用户发送的信息
    function getMsg(text) {
        $.ajax({
            method: 'GET',
            url: 'http://www.liulongbin.top:3006/api/robot',
            data: {
                spoken: text
            },
            success: function (res) {
                // console.log(res);
                // console.log(res.data);
                if (res.message === 'success') {
                    // 接收聊天消息
                    var msg = res.data.info.text
                    $('.talk_list').append(`   
                    <li class="left_word">
                    <img src="img/person02.png" /> <span>${msg}</span>
                    </li>
                    `)
                    // 重置滚动条的位置
                    resetui()
                    // 接收机器人的聊天信息
                    getVoice(msg)
                }
            }
        })
    }

    // 将机器人聊天内容转成语音
    // 封装函数 getVoice() 接收一个参数--机器人的聊天信息
    function getVoice(msg) {
        // 利用 $.ajax() 发送一个 GET 方式请求，传入请求地址 
        $.ajax({
            method: 'GET',
            url: "http://www.liulongbin.top:3006/api/synthesize",
            data: {
                text: msg
            },
            success: function (res) {
                // console.log(res);
                if (res.status === 200) {
                    $('audio').attr('src', res.voiceUrl)
                }
            }
        })
    }

    // 回车发送信息
    $('#ipt').on('keyup', function (e) {
        if (e.keyCode === 13) {
            $('#btn').click()
        }
    })
})